import { Component } from 'react'
import style from './index.module.less'
import { Button, Timeline } from 'antd';
import { Icon } from '@/components'
export default class Says extends Component {



    render() {
        return (
            <div>
                <div className={style.warp}>
                    <div>
                        <h2>用户名</h2>
                        <span>签名：</span>
                    </div>
                    <div className={style.info}>
                        <div>
                            <span className={style.item}>数据</span><br />
                            <small>评论</small><br />
                        </div>
                        <div>
                            <span className={style.item}>数据</span><br />
                            <small>文章</small>
                        </div>
                        <div>

                            <span className={style.item}>数据</span><br />
                            <small>动态</small>
                        </div>
                    </div>
                </div>
                <div className={style.header}>
                    <Button type="primary" style={{ fontSize: '.36rem', height: '.7rem', lineHeight: '.7rem', padding: '0 .2rem' }}>我的动态</Button>
                </div>
                <div className={style.trends}>
                    <Timeline>

                        <Timeline.Item dot={<Icon url={require('@/static/img/user.png')} size={{ with: "1rem", height: '.8rem' }} />}>
                            <div style={{height:'200px',backgroundColor:'white',borderRadius:'.4rem',marginLeft:'.4rem'}}>
                                hhh
                           </div>
                        </Timeline.Item>
                   

                    </Timeline>
                </div>
            </div>
        )
    }
}